body {
    background:#e7e7e7;
    font-family:'Lato', sans-serif;
    font-size:12px;
}
/*Common*/
 .push-right {
    float:right;
}
.clearfix:after {
    content:".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
/* Site */
 .wrapper {
    width:100%;
    border-top:20px solid #317B3C;
    padding-top:20px;
}
.container {
    clear:both;
    width:90%;
    margin:0 auto 10px auto;
    position:relative;
}
.header {
    height:80px;
    background:#fff;
    text-align:center;
}
.logo {
    width:162px;
    height:54px;
    padding:12px;
    float:left;
}
.plant-information {
    width:200px;
    margin:0 auto;
    padding:24px 0 24px 24px;
}
.plant-information .dropdown-list {
    width:180px;
    text-align:left;
}
.status-information {
    width:300px;
    margin:0 auto;
    color:#525252;
    text-align:right;
    padding:30px 0 0 0;
}
.status-information span.date {
    font-size:11px;
    font-style:italic;
    display:block;
    float: left;
}
.status-information span.status {
    font-weight:bold;
    font-size:12px;
    padding-right:14px;
}
.status-on {
    background:url('../img/status-on.png') right center no-repeat;
}
.apply-shadow {
    -moz-box-shadow: 1px 1px 0px #d4d4d4;
    -webkit-box-shadow: 1px 1px 0px #d4d4d4;
    box-shadow: 1px 1px 0px #d4d4d4;
    /* For IE 8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#d4d4d4')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#d4d4d4');
}
/* Navigation */
 .navigation {
    height:30px;
    background:#317b3c;
    margin-bottom:1px;
}
.navigation ul, .navigation-sub ul {
    padding:0;
    margin:0;
}
.navigation ul li, .navigation-sub ul li {
    list-style-type:none;
    float:left;
    height:30px;
    border-right:1px solid #a7ffb5;
}
.navigation ul li:last-child, .navigation-sub ul li:last-child {
    border:none;
}
.navigation ul li a {
    padding:10px;
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:11px;
    line-height:10px;
}
.navigation ul li a:hover {
    background:#6ebe79;
}
.navigation-sub {
    height:30px;
    background:#6ebe79;
}
.navigation-sub ul li a {
    padding:10px;
    display:block;
    text-decoration:none;
    color:#fff;
    font-size:11px;
    line-height:10px;
}
.navigation-sub ul li a:hover {
    background:#317b3c;
}
input[type="text"] {
    border:1px solid #cacaca;
    height:26px;
    width:180px;
    text-indent:6px;
}
.workcenter-overview {
    background:#fff;
    color:#317b3c;
    padding-bottom: 20px;
}
.workcenter-overview .selector {
    padding:14px;
    width:95%;
    margin:0 auto;
    border:1px solid #efefef;
}
.workcenter-overview .selector div.fieldset {
    margin-right:100px;
    width:auto;
}
.workcenter-selector {
    float:right;
    top:0;
    margin-top:-8px;
}
.workcenter-selector ul {
    height:200px;
    overflow:auto;
}
h1 {
    font-family:'Roboto Slab', serif;
    font-size:24px;
    padding:14px;
    color:#317b3c;
}
label {
    font-weight:bold;
    margin:0 10px;
}
.table-container {
    background:#fff;
    margin:0 auto;
    position:relative;
    padding:14px 0;
}
.table-container table {
    margin:15px auto 10px auto;
    clear:both;
}
.data-table th, .data-table td, .ui-datepicker th, .ui-datepicker td {
    height:30px;
    text-align:left;
    vertical-align:middle;
    padding:0 6px;
}
.data-table th {
    background:#317b3c;
    font-size:12px;
    color:#fff;
    height:35px;
}
tr.filter-row th {
    padding:0;
    height:50px;
}
.data-table tr:nth-child(odd), .ui-datepicker tr:nth-child(odd) {
    background-color: #d9f4dd;
}
.data-table tr:nth-child(even), .ui-datepicker tr:nth-child(even) {
    background-color: #f7fdf8;
}
.data-table td {
    font-size:12px;
    color:#3f4d41;
    border-bottom:1px solid #fff;
}
.data-table tr.selected td {
    background:#84a789;
    color:#fff;
}
.data-table tr.filter-row th {
    background:#fff;
    color:#317b3c;
}
table.filter-table tr.filter-row td input[type="text"] {
    border:1px solid #cacaca;
    height:20px;
    color:#666;
    width:100px;
}
table.filter-table {
    margin-top:15px;
}
table.filter-table td {
    height:40px;
    vertical-align:middle;
}
.data-table tr.filter-row th span.filter_date_range input {
    width:70px;
}
div.dataTables_length {
    margin-left:1%;
    float:left;
}
div.dataTables_filter {
    margin-right:1%;
    float:right;
}
div.dataTables_info {
    margin:4px 0 4px 2%;
    color:#317B3C;
    float:left;
}
div.dataTables_paginate {
    float:right;
    margin-right:2%;
    margin-bottom:10px;
}
div.dataTables_paginate a {
    display:block;
    background:#317b3c;
    padding:8px;
    color:#d9f4dd;
    float:left;
    margin-left:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div.dataTables_paginate a:hover {
    background:#d9f4dd;
    color:#317b3c;
}
button {
    clear:both;
    border:none;
    background:#f39c12;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding:5px;
}
button:hover {
    background:#f1c40f;
}
button[disabled] {
    background:#e1e7e8;
    color:#999;
}
.post-manual {
    width:96%;
    border-top:1px solid #ccc;
    clear:both;
    margin:20px auto;
    padding-top:10px;
}
#post-conf-dialog {
    display:none;
    width:400px;
}
.ui-dialog {
    background:#fff;
}
.ui-dialog .ui-dialog-title {
    background:#317b3c;
    color:#fff;
    font-weight:bold;
    display:block;
    width:100%;
    float:left;
    padding:8px 0;
    text-indent:10px;
}
.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background: #AAAAAA;
    opacity: 0.7;
}
.ui-dialog .ui-dialog-titlebar-close {
    background:#6EBE79;
    font-size: 10px;
    height: 28px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
    color:#fff;
    border-radius: 0;
    -moz-border-radius: 0;
}
.dialog-content-container {
    clear:both;
}
.confirmation-form {
    clear:both;
}
.confirmation-form input[type="text"], .print-form input[type="text"] {
    border:1px solid #cacaca;
    height:22px;
    width:160px;
    margin:4px 10px;
}
.confirmation-form label, .print-form label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    width:110px;
}
#tabs ul.ui-tabs-nav li {
    float:left;
    margin:6px 0 0 4px;
}
#tabs li a {
    display:block;
    padding:10px;
    border: 1px solid #d9f4dd;
    color:#d9f4dd;
    background:#317b3c;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
#tabs li.ui-tabs-active a {
    border-bottom:none;
    background:#d9f4dd;
    color:#317b3c;
}
.ui-tabs-panel {
    border: 1px solid #d9f4dd;
    clear: both;
    margin: auto;
    padding: 10px;
    width: 330px;
}
#workcenter-table_filter {
    display:none;
}
.ui-datepicker {
    display:none;
    border:1px solid #ccc;
}
.ui-datepicker td a {
    text-decoration:none;
    color:#317b3c;
}
.ui-datepicker td.ui-datepicker-current-day {
    background:#84a789;
}
.ui-datepicker td.ui-datepicker-current-day a {
    color:#fff;
}
.ui-datepicker td, .ui-datepicker th {
    text-align:center;
    border:1px solid #fff;
}
.ui-datepicker .ui-datepicker-header {
    background:#317b3c;
    color:#fff;
    height:30px;
}
.ui-datepicker th {
    background:#fff;
    color:#999;
}
.ui-state-active {
}
a.ui-datepicker-prev {
    float:left;
    background:url(../img/calendar-prev.png)no-repeat center center #6EBE79;
    font-size:0px;
    width:30px;
    height:30px;
}
a.ui-datepicker-next {
    float:right;
    background:url(../img/calendar-next.png)no-repeat center center #6EBE79;
    font-size:0px;
    width:30px;
    height:30px;
}
.ui-datepicker-title {
    width:90px;
    text-align: center;
    margin:0 auto;
    line-height:28px;
    font-weight:bold;
}
#confirmation-dialog p{
    padding:10px;
    clear:both;
}
.ui-dialog-buttonset {
    text-align:center;
    padding-bottom:10px;
}